// pages/my/register/register.js
let app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {

    index:0,


    // 顶部主要排序选项
  mainOptions: [
    { key: 'default', label: '综合排序', active: true },
    { key: 'popularity', label: '人气', active: false },
    { key: 'rating', label: '好评率', active: false }
    ],
    priceExpanded: false,
    priceRangeExpanded: false,
    priceSortType: 'asc', // 'asc' 或 'desc'
    priceRanges: [
    { value: 'free', label: '免费', active: true },
    { value: '0-50', label: '¥50以下', active: false },
    { value: '50-100', label: '¥50-100', active: false },
    { value: '100-500', label: '¥100-500', active: false },
    { value: '500-1000', label: '¥500-1000', active: false },
    { value: '1000+', label: '¥1000以上', active: false }
    ],
     
    url:'',
    pageNum:1,
    pageSize:4,
    commu:[]

  },

// 点击顶部排序项（综合、人气、好评率）
onMainOptionTap(e) {
  const key = e.currentTarget.dataset.key;
  let mainOptions = this.data.mainOptions.map(item =>
  item.key === key ? { ...item, active: true } : { ...item, active: false }
  );
  this.setData({ mainOptions });
  // TODO: 触发对应排序逻辑
  this.setData({
  priceRangeExpanded: false, // 关闭价格区间
  priceExpanded: false // 关闭价格排序
  })
  },
  // 点击“价格”
  onPriceTap() {
  this.setData({
  priceExpanded: !this.data.priceExpanded,
  priceRangeExpanded: false // 关闭价格区间
  });
  },
  // 点击“价格区间”
  onPriceRangeTap() {
  this.setData({
  priceRangeExpanded: !this.data.priceRangeExpanded,
  priceExpanded: false // 关闭价格排序
  });
  },
  // 点击价格升序/降序 → 直接触发，无需确定按钮
  onPriceSortSelected(e) {
  const type = e.currentTarget.dataset.type;
  this.setData({ priceSortType: type });
  this.onPriceSortConfirmed(type); // 直接调用处理函数
  },
  onPriceSortConfirmed(type) {
  console.log('价格排序选中:', type);
  // TODO: 执行价格排序逻辑，比如调用接口或本地排序
  },
  // 点击价格区间选项 → 直接触发
  onPriceRangeSelected(e) {
  const value = e.currentTarget.dataset.value;
  let priceRanges = this.data.priceRanges.map(item =>
  item.value === value ? { ...item, active: true } : { ...item, active:
  false }
  );
  this.setData({ priceRanges });
  this.onPriceRangeConfirmed(value); // 直接调用处理函数
  },
  onPriceRangeConfirmed(value) {
  console.log('价格区间选中:', value);
  // TODO: 执行价格区间筛选逻辑
  },
  // 可选的确定按钮逻辑（如果保留）
  onPriceConfirm() {
  this.onPriceSortConfirmed(this.data.priceSortType);
  },
  onPriceRangeConfirm() {
  // 获取当前选中的价格区间
  const active = this.data.priceRanges.find(item => item.active);
  if (active) {
  this.onPriceRangeConfirmed(active.value);
  }
  },

//导航
  changeIndex(e){
    this.setData({
    // 动态获取从data-index获取的参数
    index:e.currentTarget.dataset.index
    })
    },




  communication(){
    wx.request({
      url: this.data.url+'course/page',
      method:"GET",
      data:{
        pageNum:this.data.pageNum,
        pageSize:this.data.pageSize
      },
      success:(resp)=>{
        // console.log(resp.data.data.list);
        this.setData({
          commu:resp.data.data.list
        })
      }
    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      url:app.globalData.url
    })
    //调用函数查询相关信息
    this.communication()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})